<template>
	<view>
		<view class="view1">

			<view class="flex-row-space-between">
				<view class=" flex1">
					<view @click="addressClick(0)" class="addressView flex-row-flex-start">
						<image class="image4" src="/static/index/4.png" mode=""></image>
						<view class="address flex1">
							<text>{{qdInfo.address?qdInfo.address:"您在哪里?"}}</text>

						</view>
					</view>
					<view @click="addressClick(1)" class="addressView flex-row-flex-start">
						<image class="image4 " src="/static/index/5.png" mode=""></image>
						<view class="address flex1">
							<text>{{zdInfo.address?zdInfo.address:"您要去哪?"}}</text>
						</view>
					</view>
				</view>

			</view>
			<view class="flex-row-space-between">

			</view>

		</view>
		<view v-for="(item,index) in 11" :key="index">
			<view @click="itemClick(item)" class="item">
				<view class="flex-row-space-between">
					<view class="time">
						2024-03-24 14:30
					</view>
					<view class="num">
						<text style="26D360">4</text>
						<text>个位</text>
					</view>
				</view>
				<view class="flex-row-center">
					<view class="yuan">

					</view>
					<view class="flex1">
						<view class="city">
							郑州市
						</view>
						<view class="address">
							正弘西悦城
						</view>
					</view>
				</view>
				<view class="flex-row-center">
					<view class="yuan1">

					</view>
					<view class="flex1">
						<view class="city">
							郑州市
						</view>
						<view class="address">
							正弘西悦城
						</view>
					</view>
				</view>
			</view>
		</view>

	</view>
</template>

<script>
	import {
		getConfig,
	} from '@/api/personalCenter.js'
	export default {
		components: {},
		computed: {

		},
		data() {
			return {
				qdInfo: {
					latitude: '',
					longitude: '',
					address: '',
				},
				zdInfo: {
					latitude: '',
					longitude: '',
					address: '',
				},
				title: '',
				content: '',

			}
		},
		onShow() {

		},
		onLoad(e) {

			this.qdInfo = uni.getStorageSync('qdInfo')
			this.zdInfo = uni.getStorageSync('zdInfo')
		},

		methods: {
				itemClick(item){
					uni.navigateTo({
						url:'carpooling'
					})
				}

		}
	}
</script>

<style lang="scss">
	page {
		background: #F9F9F9;
	}

	.view1 {
		padding: 30rpx;
		margin: 56rpx 30rpx;
		background: #FFFFFF;
		box-shadow: 0rpx 0rpx 30rpx 0rpx rgba(88, 188, 124, 0.2);
		border-radius: 30rpx 30rpx 30rpx 30rpx;
	}

	.image1 {
		margin-right: 6rpx;
		width: 32rpx;
		height: 32rpx;
	}

	.num {
		font-size: 28rpx;
		font-family: Source Han Sans CN-Regular, Source Han Sans CN;
		font-weight: 400;
		color: #3D3D3D;
	}

	.image2 {
		margin-left: 6rpx;
		width: 12rpx;
		height: 12rpx;
	}

	.money {
		font-size: 28rpx;
		font-family: PingFang SC-Regular, PingFang SC;
		font-weight: 400;
		color: #666666;
	}

	.image3 {
		margin-left: 6rpx;
		width: 28rpx;
		height: 28rpx;
	}

	.image4 {
		width: 36rpx;
		height: 36rpx;
		margin-right: 20rpx;
	}

	.address {
		font-size: 32rpx;
		font-family: Source Han Sans CN-Medium, Source Han Sans CN;
		font-weight: 500;
		color: #333333;
	}

	.addressView {
		margin-top: 40rpx;
	}

	.image6 {
		margin-top: 40rpx;
		margin-right: 12rpx;
		margin-left: 12rpx;
		width: 36rpx;
		height: 36rpx;
	}


	.button2 {

		margin-top: 30rpx;
		width: 600rpx;
		height: 76rpx;
		background: $base-color;
		border-radius: 38rpx;
		font-size: 28rpx;
		font-family: Source Han Sans CN-Medium, Source Han Sans CN;
		// font-weight: 500;
		color: #FFFFFF;
	}

	.item {
		padding: 30rpx;
		margin: 30rpx;
		background: #FFFFFF;
		border-radius: 16rpx 16rpx 16rpx 16rpx;
	}

	.time {
		font-family: PingFang SC, PingFang SC;
		font-weight: 550;
		font-size: 34rpx;
		color: #26D360;
	}

	.num {
		font-family: PingFang SC, PingFang SC;
		font-weight: 500;
		font-size: 30rpx;
		color: #26D360;
	}

	.yuan {
		margin-right: 20rpx;
		border-radius: 50%;
		width: 16rpx;
		height: 16rpx;
		background: #26D360;
	}

	.yuan1 {
		margin-right: 20rpx;
		border-radius: 50%;
		width: 16rpx;
		height: 16rpx;
		background: #FCC717;
	}

	.city {
		margin-top: 20rpx;
		font-family: PingFang SC, PingFang SC;
		font-weight: 500;
		font-size: 30rpx;
		color: #1B2229;
	}

	.address {
		font-family: PingFang SC, PingFang SC;
		font-weight: 400;
		font-size: 26rpx;
		color: #767676;
	}
</style>